/**
 * [xmlns description]
 * @type {String}
 盒子模式立体图：(从上往下看，最上层是border)
 1.border
 2.content,padding
 3.background-image
 4.background-color
 5.margin
 */
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片背景</title>

<style type="text/css">
body{
    margin: 0;
}
div{
    background: #460E29;
    width:700px;
    padding:20px
}
img{
    border: 2px solid green;
    width:95px;
    height:95px;
    background-image: url(http://img.mukewang.com/5385ac820001905201440133.jpg);
    padding: 1px 20px 37px 30px;
    margin-right:10px;
}
</style>

</head>
<body>
<div class="demo">
    <img src="http://img.mukewang.com/5385acb000013b0d00950095.jpg" />
    <img src="http://img.mukewang.com/5385acb000013b0d00950095.jpg" />
    <img src="http://img.mukewang.com/5385acb000013b0d00950095.jpg" />
    <img src="http://img.mukewang.com/5385acb000013b0d00950095.jpg" />
</div>
</body>
</html>
